<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ .title }}</title>
    <link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.min.css">
    <script src="https://code.jquery.com/jquery.js"></script>
    <script src="../bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
    <div class="navbar navbar-inverse">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-inverse-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <a class="brand" href="#">Journey</a>
                <div class="nav-collapse collapse navbar-inverse-collapse">
                    <ul class="nav">
                        <li class="active"><a href="#">主页</a></li>
                        <li><a href="#">题库</a></li>
                        <li><a href="#">圈子</a></li>
                    </ul>
                    <form class="navbar-search pull-left" action="">
                        <input type="text" class="search-query span2" placeholder="搜索">
                    </form>
                    <ul class="nav pull-right">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">我的 <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">收藏列表</a></li>
                                <li><a href="#">笔记本</a></li>
                                <li><a href="#">提交记录</a></li>
                                <li class="divider">进展分析</li>
                                <li><a href="#">进展分析</a></li>
                                <li><a href="#">积分</a></li>
                                <li><a href="#">退出</a></li>
                            </ul>
                        </li>
                    </ul>
                </div><!-- /.nav-collapse -->
            </div>
        </div>
    </div>

    <div class="row-fluid">
        <div class="span2">
            <table class="table table-bordered">
                <tbody>
                <tr>
                    <td>
                        <button class="btn" type="button">编辑个人资料</button>
                    </td>
                </tr>
                <tr>
                    <td>
                        <address>
                            <strong>个人简介</strong><br><br>
                            Don't forget me...please<br>
                        </address>
                    </td>
                </tr>
                <tr>
                    <td>
                        <address>
                            <strong>个人资料</strong><br><br>
                            <i class="icon-map-marker"></i> 北京 <br><br>
                            <i class="icon-briefcase"></i> XX | 云平台研发工程师 <br><br>
                            <i class="icon-envelope"></i> sabiner_ge@gmail.com <br><br>
                            <i class="icon-globe"></i> http://106.12.52.147/ <br>
                        </address>
                    </td>
                </tr>
                <tr>
                    <td>
                        <address>
                            <strong>技能</strong><br><br>
                            <code>Python</code><br>
                            <code>Go</code>
                        </address>
                    </td>
                </tr>
                <tr>
                    <td>
                        <address>
                            <strong>关联账号</strong><br><br>
                            github.com/Sabiner
                        </address>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="span8">
            <table class="table table-bordered">
                <tbody>
                <tr>
                    <td class="accordion-inner">
                        我在题目<button class="btn btn-link">156. 前 K 个高频元素</button>中使用
                        <button class="btn btn-link">Python</button>进行了提交
                        <span class="label label-success">通过</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        我在题目<button class="btn btn-link">116. 填充每个节点的下一个右侧节点指针</button>中使用
                        <button class="btn btn-link">Python</button>进行了提交
                        <span class="label label-success">通过</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        我在题目<button class="btn btn-link">45. 从中序与后序遍历序列构造二叉树</button>中使用
                        <button class="btn btn-link">Python</button>进行了提交
                        <span class="label label-warning">超出时间限制</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        我在题目<button class="btn btn-link">243. 无重复字符的最长子串</button>中使用
                        <button class="btn btn-link">Go</button>进行了提交
                        <span class="label label-success">通过</span>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="span2">
            <table class="table table-bordered">
                <tbody>
                <tr>
                    <td>
                        这里是一个Char图
                    </td>
                </tr>
                <tr>
                    <td>
                        <address>
                            <strong>常用语言</strong><br><br>
                            Python
                            <i class="icon-star" style="float: right"></i>
                            <i class="icon-star" style="float: right"></i><br>
                            Go
                            <i class="icon-star" style="float: right"></i>
                        </address>
                    </td>
                </tr>
                <tr>
                    <td>
                        <address>
                            <strong>做题进展</strong><br><br>
                            解决的题目： 0/100 <br>
                            通过的提交： 0/0 <br>
                            提交通过率： 0% <br>
                        </address>
                    </td>
                </tr>
                <tr>
                    <td>
                        <address>
                            <strong>擅长标签</strong><br><br>
                            <code>哈希表</code><br>
                            <code>异步</code>
                        </address>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
</body>
</html>